html,
body { color: #444; line-height: 1.8em; position: relative; font-family: Arial, Helvetica, sans-serif; overflow-x: hidden; background-color:#f3f3f3; min-width:1200px }
h1,h2,h3,h4,h5,h6 {  font-weight: 400; margin:0; }
h1 {  font-size: 2em;}
h2 {  font-size: 1.4em;}
h3 {  font-size: 1.2em;}
h4 {  font-size: 1.1em;}
h5 {  font-size: 1em;}
h6 {  font-size: 1em;}

dl { margin:0; }
em { font-style: normal }

a {  color: #444;  outline: none;  -webkit-transition:all .3s ease;}
a:hover {  color: #f60;  text-decoration: none;}
a:active,a:focus,a img {  outline: none; border: 0; }

a img {transition: all 0.3s ease-out 0s;}
a div { transition: all 0.3s ease-out 0s; }
a h3 { transition: all 0.3s ease-out 0s; }

::-moz-selection { color: #ffffff;  background: #004098;  text-shadow: none;}
::selection { color: #ffffff;  background: #004098;  text-shadow: none;}

table { border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; width: 100%; border-collapse: collapse; border-spacing:0; }
table th { border-left:#ddd 1px solid; border-top:#ddd 1px solid; padding: 5px; }
table td { border-left:#ddd 1px solid; border-top:#ddd 1px solid; padding: 5px; }

ul,ol { list-style: none; margin:0; padding:0; }
.tr { text-align: right; }
.tc { text-align: center; }
.fl { float: left; }
.fr { float: right; }
.none { display: none }

.mio-header { background-color:#fff }
.mio-header a.navbar-brand { height: 90px; width: 500px; display: block; background: url(logo.png) no-repeat left center; text-indent: -99999px; overflow: hidden }
.mio-header .mio-tel { float: right; color:#f60; font-size: 2em; background: url(tel.gif) no-repeat left center; padding: 20px 0 20px 45px; margin-top: 10px; }


.mio-nav { padding: 0; background-color:#0067c6   }
.mio-nav li { float: left; position: relative; z-index: 9999 }
.mio-nav li a { width: 162px; display: block; height: 56px; text-align:center; line-height: 56px; color: #fff; font-size: 1.2em }
.mio-nav li a:hover,
.mio-nav li.hover a { background-color:#0157a7 }
.mio-nav li ul { display: none; position: absolute; left: 0; top: 56px; width: 162px; background-color:#fff }
.mio-nav li li { float: none; padding: 0 }
.mio-nav li li a { color:#444; padding: 0; height: 36px; line-height: 36px; }
.mio-nav li li a:hover { background-color:#0067c6; color:#fff }


.mio-content { padding: 50px 0;  }


.mio-footer { background-color:#444; padding: 30px 0; color:#eee; }
.mio-footer a { color:#eee }
.mio-footer a:hover { color:#fff }
.mio-footer .mio-ewm { width: 100px; float: right }
.mio-footer .mio-ewm img { width: 100% }
.mio-footer .mio-flogo { height: 100px; background: url(flogo.png) no-repeat left center }

.mio-banner { background:#555 url(banner2.jpg) no-repeat center; height: 500px; }
.slideBox{ width:100%; height:500px; overflow:hidden; position:relative; }
.slideBox .hd{ height:30px; overflow:hidden; position:absolute; left:50%; bottom:15px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; width:30px; height:30px; text-indent:-999999px; overflow:hidden; background: url(dot.png) no-repeat center 15px; cursor:pointer; }
.slideBox .hd ul li.on{ background: url(dot.png) no-repeat center -30px; }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li a { width:100%; height:500px; display: block }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:30px; top:50%; margin-top:-25px; display:block; width:32px; height:32px; background: #000 url(rs-default.png) no-repeat -64px -32px; filter:alpha(opacity=50);opacity:0.5; border-radius:4px; }
.slideBox .next{ left:auto; right:30px; background-position:-64px -64px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=80);opacity:0.8; }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


.mio-section { padding: 50px 0; background-position: center; background-repeat: no-repeat }
.mio-section img { width: 100% }

.mio-section .mio-t { text-align: center; margin-bottom: 30px }
.mio-section .mio-t h2 { font-size: 2.2em; font-weight: bold; color:#222 }
.mio-section .mio-t h3 { font-size: 1em; color:#777; margin: 15px 0 }

.mio-product {  }

.mio-about { background-color:#efefef }
.mio-about .mio-vmore { display: block; width: 160px; line-height: 40px; background-color:#0067c6; color:#fff; text-align:center; border-radius:40px; margin-top: 30px; }
.mio-about .mio-intro { line-height: 30px; }

.mio-advantage { background-color:#eaeaea; /*background-image:url(abg.jpg); background-size:cover*/ }
.mio-advantage h2 { letter-spacing: 1px }
.mio-advantage h2 strong { color:#f60; font-size: 1.6em }
.mio-advantage .mio-adv { margin-bottom: 30px; }
.mio-advantage .mio-adv4 { margin-bottom: 0 }
.mio-advantage h3 { color: #0067c6; font-size: 1.7em; font-weight: bold; margin-top: 15px }
.mio-advantage h3 em { display: block; font-size: 0.8em; color:#333; margin: 10px 0 }
.mio-advantage h3 span { display: block; width: 46px; height: 81px; float: left; background: url(num.png) no-repeat center; color:#fff; margin-right: 15px; margin-top: -15px; text-align:center; line-height: 90px; font-size: 2em; font-family: Arial, Helvetica, sans-serif; overflow: hidden }
.mio-advantage ul { margin-top: 30px; }
.mio-advantage li { background: url(item4.gif) no-repeat 0 6px; padding-left: 25px }
.mio-advantage .mio-txt { padding: 50px; }

.mio-category {}
.mio-category h3 { background: #0067c6; color:#fff; text-align:center; line-height: 80px; font-size: 1.6em; border-radius: 12px 12px 0 0  }
.mio-category ul { background-color:#efefef; padding: 30px; border: #ddd 1px solid }
.mio-category li { margin-bottom: 13px; }
.mio-category li a { display: block; line-height: 48px; padding: 0 20px; border-radius: 10px; background-color:#0067c6; color:#fff; text-align: center }
.mio-category li a:hover { background-color:#f60 }
.mio-category li.hover a { background-color:#f60 }

.mio-plist a { display: block; margin-bottom: 30px; }
.mio-plist .mio-img { height: 197px; overflow: hidden; background-color:#fff }
.mio-plist img { width: 100%; min-height: 197px; }
.mio-plist h3 { font-size: 1em; font-weight: normal; height: 40px; line-height: 40px; padding: 0 15px; background-color:#fff; text-transform: capitalize; background:#f3f3f3 /*url(ar2.png) no-repeat 340px center*/; text-align: center }
.mio-plist a:hover h3 { background:#f60 /*url(ar.png) no-repeat 340px center*/; color:#fff; }
.mio-plist a .mio-img img {transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.mio-plist a:hover .mio-img img {transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.mio-plist a:hover { border-color: #f60 }


.mio-wrap { border:#ddd 1px solid; border-width: 0 1px 1px 1px; position: relative }
.mio-wrap h2 { font-weight: bold; margin-bottom: 20px; height: 40px; line-height: 36px; color:#fff; background: url(w1.gif) no-repeat left center; font-size: 1.2em; margin: 0 }
.mio-wrap h2 span { padding-left: 45px }
.mio-wrap .mio-c { padding: 30px; padding-bottom: 0 }
.mio-wrap a.mio-vmore { width: 46px; height: 40px; background: url(more.gif) no-repeat center; text-indent: -999999px; overflow: hidden; position: absolute; top: 0; right: 15px; }

.mio-ilist { margin-bottom: 20px; }
.mio-ilist h3 { font-weight: bold; margin-bottom: 20px; }

.mio-nlist { margin-bottom: 30px; }
.mio-nlist a { background: url(item5.gif) no-repeat left center; padding-left: 20px; line-height: 30px; }
.mio-nlist span { float: right; color:#888 }

.mio-contact .mio-c { padding-bottom: 35px; }



.mio-pbanner { height: 400px; background-color:#333; background-position: center; background-repeat: no-repeat; background-size:cover }
.mio-pbanner .mio-pbg { height: 400px; background: url(b.png); display: none }
.mio-pbanner .mio-pbox { text-align:center; padding: 150px 0; color:#fff; }
.mio-pbanner .mio-pbox h1,
.mio-pbanner .mio-pbox h2 { font-size:2.5em; text-transform: uppercase; font-weight:bold }
.mio-pbanner .mio-pbox .mio-crumbs { text-transform: uppercase; margin-top: 30px }
.mio-pbanner .mio-pbox .mio-crumbs a { color:#fff; }

.mio-pbanner1 { background-image: url(a1.jpg) }
.mio-pbanner2 { background-image: url(a2.jpg) }
.mio-pbanner2 .mio-pbg { background: none }
.mio-pbanner3 { background-image: url(a3.jpg) }
.mio-pbanner6 { background-image: url(a6.jpg) }
.mio-pbanner7 { background-image: url(a7.jpg) }
.mio-pbanner5 { background-image: url(a5.jpg) }
.mio-pbanner4 { background-image: url(a4.jpg) }



.mio-hlist {}
.mio-hlist img { width: 100%;  display: block; margin-bottom: 30px; height: 200px; }


.mio-article { padding: 0; line-height: 26px; }
.mio-article h1 { text-align: center; font-size: 1.8em; text-transform: capitalize; color:#222; margin-bottom: 30px; }
.mio-article p { margin: 0 0 20px 0 }
.mio-article h2,
.mio-article h3 { margin: 20px 0; text-transform: capitalize; color:#222; }
.mio-article img { display: block; width: 460px; margin: 20px auto }
.mio-article ul,
.mio-article ol { margin: 10px 0 10px 1em }
.mio-article li p { margin: 0 }

.mio-article table { text-align: center; margin: 15px 0 }
.mio-article table th { text-align: center; background-color:#f3f3f3 }
.mio-article table td { text-align: center }




.mio-scontact { margin: 15px auto 0; }
.mio-scontact h3 { background:#515151 url(ct.png) no-repeat 230px center; border-radius: 6px 6px 0 0; line-height: 60px; color:#fff; padding: 0 25px; font-size:16px; font-weight:bold }
.mio-scontact .mio-c { background-color:#efefef; padding: 20px; border: #ddd 1px solid }
.mio-scontact p { margin: 10px 0; }



.mio-alist { }
.mio-alist li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: #ddd 1px dashed }
.mio-alist li h3 { text-transform: uppercase; margin: 15px 0; color:#222; font-size: 1.4em }
.mio-alist li .mio-intro { color:#888; margin-bottom: 30px; }
.mio-alist li .mio-pdate { color:#999; }
.mio-alist li span { float:right; color:#999 }

.list_page{text-align:center;margin:0 auto 30px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}




.mio-position { border-bottom:#eee 1px solid; padding-bottom: 15px; margin-bottom: 30px; }
.mio-position h1,
.mio-position h2 { float: left; font-size: 1.6em; color:#004098 }
.mio-position .mio-crumbs { float: right }







.picMarquee-left{ width:1200px; overflow:hidden; position:relative; }
.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px; display: none  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ float:left; _display:inline; overflow:hidden; width: 285px; margin-right: 20px  }
.picMarquee-left .bd ul li a { display: block; background-color:#fff; padding: 10px; }
.picMarquee-left .bd ul li .mio-img { height: 200px; width: 265px; overflow: hidden }
.picMarquee-left .bd ul li img { width: 100%; height: 200px; overflow: hidden }
.picMarquee-left .bd ul li h3 { font-size: 1em; font-weight: normal; height: 40px; line-height: 40px; text-align: center; overflow: hidden; padding: 0; /*background:#fff url(ar2.png) no-repeat 245px center;*/ }
.picMarquee-left .bd ul li a:hover { background-color: #f60 }
.picMarquee-left .bd ul li a .mio-img img {transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.picMarquee-left .bd ul li a:hover .mio-img img {transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.picMarquee-left .bd ul li a:hover h3 { background:#f60 /*url(ar.png) no-repeat 230px center*/; color:#fff; /*padding: 0 15px;*/ }




.mio-iadv { height: 210px; background: url(gg_03.jpg) no-repeat center; }